<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		
		<title>Simpla Admin</title>
		
		<!--                       CSS                       -->
	  
		<!-- Reset Stylesheet -->
		<link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen" />
	  
		<!-- Main Stylesheet -->
		<link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
		
		<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
		<link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen" />	
		
		<!-- Colour Schemes
	  
		Default colour scheme is green. Uncomment prefered stylesheet to use it.
		
		<link rel="stylesheet" href="resources/css/blue.css" type="text/css" media="screen" />
		
		<link rel="stylesheet" href="resources/css/red.css" type="text/css" media="screen" />  
	 
		-->
		
		<!-- Internet Explorer Fixes Stylesheet -->
		
		<!--[if lte IE 7]>
			<link rel="stylesheet" href="resources/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
		
		<!--                       Javascripts                       -->
  
		<!-- jQuery -->
		<script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>
		
		<!-- jQuery Configuration -->
		<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
		
		<!-- Facebox jQuery Plugin -->
		<script type="text/javascript" src="resources/scripts/facebox.js"></script>
		
		<!-- jQuery WYSIWYG Plugin -->
		<script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js"></script>
		<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
		
		<!-- Internet Explorer .png-fix -->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="resources/scripts/DD_belatedPNG_0.0.7a.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->
		
	    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
  
	<body><div id="body-wrapper"> <!-- Wrapper for the radial gradient background -->
		
		<div id="sidebar"><div id="sidebar-wrapper"> <!-- Sidebar with logo and menu -->
			
			<h1 id="sidebar-title"><a href="#">Simpla Admin</a></h1>
		  
			<!-- Logo (221px wide) -->
			<a href="#"><img id="logo" src="resources/images/logo_2.png" alt="Simpla Admin logo" /></a>
		  
			<!-- Sidebar Profile links -->
			<div id="profile-links">Bienvenido, <a href="#" title="Edit your profile">Luis Pe&ntilde;a</a>, usted tiene <a href="#messages" rel="modal" title="3 Messages">3 Mensajes</a><br />
				<br />
				| <a href="#" title="Sign Out">Cerrar Sesi&oacute;n</a>			</div>        
			
<ul id="main-nav">  <!-- Accordion Menu -->
				
				<li>
					<a href="http://www.google.com" class="nav-top-item no-submenu"> <!-- Add the class "no-submenu" to menu items with no sub menu -->&Aacute;REAS</a>       
				</li>
				
				<li> 
					<a href="#" class="nav-top-item current"> <!-- Add the class "current" to current menu item -->Comercial</a>
					<ul>
						<li><a href="#">Gestionar Producto</a></li>
						<li><a class="current" href="#">Pron&oacute;sticos</a></li> <!-- Add class "current" to sub menu items also -->
						<li><a href="#">Ver Orden de Compra</a></li>
					</ul>
		</li>
				
				<li>
				<a href="#" class="nav-top-item">
						Operaciones
				  </a>
					<ul>
						<li><a href="#">Create a new Page</a></li>
						<li><a href="#">Manage Pages</a></li>
					</ul>
				</li>
				
				<li>
					<a href="#" class="nav-top-item">
						Administracion y Finanzas
					</a>
					<ul>
						<li><a href="#">Upload Images</a></li>
						<li><a href="#">Manage Galleries</a></li>
						<li><a href="#">Manage Albums</a></li>
						<li><a href="#">Gallery Settings</a></li>
					</ul>
				</li>
				
				<li>
					<a href="#" class="nav-top-item">
						Log&iacute;stica					</a>
					<ul>
						<li><a href="#">Calendar Overview</a></li>
						<li><a href="#">Add a new Event</a></li>
						<li><a href="#">Calendar Settings</a></li>
					</ul>
		</li>
				
<li>
					<a href="#" class="nav-top-item">
						Herramientas
					</a>
					<ul>
						<li><a href="#">General</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Your Profile</a></li>
						<li><a href="#">Users and Permissions</a></li>
					</ul>
		</li>      
				
		  </ul> <!-- End #main-nav -->
			
			<div id="messages" style="display: none"> <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
				
				<h3>3 Messages</h3>
			 
				<p>
					<strong>17th May 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
			 
				<p>
					<strong>2nd May 2009</strong> by Jane Doe<br />
					Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
			 
				<p>
					<strong>25th April 2009</strong> by Admin<br />
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue.
					<small><a href="#" class="remove-link" title="Remove message">Remove</a></small>
				</p>
				
				<form action="" method="post">
					
					<h4>New Message</h4>
					
					<fieldset>
						<textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
					</fieldset>
					
					<fieldset>
					
						<select name="dropdown" class="small-input">
							<option value="option1">Send to...</option>
							<option value="option2">Everyone</option>
							<option value="option3">Admin</option>
							<option value="option4">Jane Doe</option>
						</select>
						
						<input class="button" type="submit" value="Send" />
						
					</fieldset>
					
				</form>
				
			</div> <!-- End #messages -->
			
		</div></div> <!-- End #sidebar -->
		
	  <div id="main-content"> <!-- Main Content Section with everything -->
			
			<noscript>
          </noscript>
			
			<!-- Page Head -->
			<h2>Pron&oacute;sticos</h2>
		  <p id="page-intro">Producto X:</p>
			
          <ul class="shortcut-buttons-set"> <!-- Replace the icons URL's with your own --><li><a class="shortcut-button" href="#"><span>
		  <img src="resources/images/sales.jpg" alt="icon" width="59" height="44" /><br />
		Pron&oacute;sticos </span></a></li>
				
				<li><a class="shortcut-button" href="#"><span>
<img src="resources/images/actualizar.jpg" alt="icon" width="66" height="46" /><br />
					Reefrescar</span></a></li>
				
				<li><a class="shortcut-button" href="#"><span>
				<img src="resources/images/icono-impresora.jpg" alt="icon" width="60" height="47" /><br />
			Imprimir</span></a></li>
				
				<li></li>
		  </ul>
          <!-- End .shortcut-buttons-set -->
			
			<div class="clear">
			  <table width="200" border="1">
                <tr>
                  <td>&nbsp;</td>
                  <td><div align="center"><img src="http://maximixe.com/alertaeconomica/img/180810/BVL.gif" alt="pronostico"/></div></td>
                  <td>&nbsp;</td>
                </tr>
              </table>
			  <p>&nbsp;</p>
			  <p>&nbsp;</p>
			</div> <!-- End .clear -->
			
			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>&nbsp;</h3>
					
				  <ul id="MenuBar1" class="MenuBarHorizontal">
					  <li>Ver Pron&oacute;stico</li>
					  <li> Generar Pron&oacute;stico</li>
			      </ul>
					<ul class="content-box-tabs"><!-- href must be unique and match the id of target div -->
					</ul>
					
					<div class="clear"></div>
					
			  </div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
					  <table>
							
							<thead>
								<tr>
								  <th>&nbsp;</th>
								  <th>Seleccionar Producto</th>
								  <th><a href="#" title="title"><span class="bulk-actions align-left">
								    <select name="dropdown3" size="1">
                                      <option value="option1">Escoge un producto...</option>
                                      <option value="option2">Mesas</option>
                                      <option value="option3">Sillas</option>
                                    </select>
								  </span></a></th>
								  <th>&nbsp;</th>
								  <th>&nbsp;</th>
								  <th>&nbsp;</th>
							  </tr>
								<tr>
							      <th width="7%">&nbsp;</th>
								   <th width="23%">Peri&oacute;do</th>
							      <th width="21%">Alfa</th>
							      <th width="20%">Demanda Total</th>
							      <th width="17%">&nbsp;</th>
								</tr>
								<tr>
                                  <td height="42"><input type="checkbox" /></td>
								  <td><a href="#" title="title">
								    <input type="text" name="textfield5" id="textfield11" />
								  </a></td>
								  <td><a href="#" title="title">
                                    <input type="text" name="textfield4" id="textfield3" />
                                  </a></td>
								  <td><label>
                                    <input type="text" name="textfield4" id="textfield4" />
                                  </label></td>
								  <td><!-- Icons -->
                                    <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
								  <td>&nbsp;</td>
							  </tr>
								<tr>
                                  <td height="42"><input type="checkbox" /></td>
								  <td><a href="#" title="title">
								    <input type="text" name="textfield6" id="textfield12" />
								  </a></td>
								  <td><a href="#" title="title">
                                    <input type="text" name="textfield4" id="textfield5" />
                                  </a></td>
								  <td><label>
                                    <input type="text" name="textfield4" id="textfield6" />
                                  </label></td>
								  <td><!-- Icons -->
                                    <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
								  <td>&nbsp;</td>
							  </tr>
								<tr>
                                  <td height="42"><input type="checkbox" /></td>
								  <td><a href="#" title="title">
								    <input type="text" name="textfield7" id="textfield13" />
								  </a></td>
								  <td><a href="#" title="title">
                                    <input type="text" name="textfield4" id="textfield7" />
                                  </a></td>
								  <td><label>
                                    <input type="text" name="textfield4" id="textfield8" />
                                  </label></td>
								  <td><!-- Icons -->
                                    <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
								  <td>&nbsp;</td>
							  </tr>
								<tr>
                                  <td height="42"><input type="checkbox" /></td>
								  <td><a href="#" title="title">
								    <input type="text" name="textfield8" id="textfield14" />
								  </a></td>
								  <td><a href="#" title="title">
                                    <input type="text" name="textfield4" id="textfield9" />
                                  </a></td>
								  <td><label>
                                    <input type="text" name="textfield4" id="textfield10" />
                                  </label></td>
								  <td><!-- Icons -->
                                    <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
								  <td>&nbsp;</td>
							  </tr>
							</thead>
						 
							<tfoot>
								<tr>
									<td colspan="6">
										<div class="bulk-actions align-left"> <a class="button" href="#">Generar Pron&oacute;stico</a> <a class="button" href="#">Guardar</a>										</div>
										
										<div class="pagination"></div> <!-- End .pagination -->
										<div class="clear"></div>									</td>
								</tr>
							</tfoot>
						 
							<tbody>
								<tr>
									<td height="42"><input type="checkbox" /></td>
						            <td><a href="#" title="title">
						              <input type="text" name="textfield9" id="textfield15" />
						            </a></td>
					              <td><a href="#" title="title">
					                <input type="text" name="textfield2" id="textfield" />
					              </a></td>
					              <td><label>
					                <input type="text" name="textfield3" id="textfield2" />
					              </label></td>
				                <td><!-- Icons -->
				                  <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a></td>
								  <td>&nbsp;</td>
							  </tr>
							</tbody>
					  </table>
						
				  </div> <!-- End #tab1 -->
					
				  <div class="tab-content" id="tab2"></div> 
					<!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box --><!-- End .content-box -->
            <!-- End .content-box -->
<div class="clear"></div>
			
			
			<!-- Start Notifications -->
			<!-- End Notifications -->
<div id="footer">
				<small>
						&#169; Copyright 2009 Simpla Admin | Powered by <a href="http://themeforest.net/item/simpla-admin-flexible-user-friendly-admin-skin/46073">Simpla Admin</a> | <a href="#">Top</a>
				</small>
	    </div><!-- End #footer -->
			
	  </div> <!-- End #main-content -->
		
	</div>
	<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
    </script>
    </body>
  
</html>
